<!doctype html>
<html>
<head>
<title>目的地</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="assets/css/amazeui.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/js/jquery-1.9.0.min.js"></script>
</head>
<body style="background: #fff;">
<div class="containter">
  <header data-am-widget="header" class="am-header am-header-default">
    <!--<div class="am-header-left am-header-nav">
        <a href="javascript:;"onClick="javascript :history.back(-1);">
          <img src="assets/images/left.png">
        </a>
    </div>-->
    <h1 class="am-header-title" style="margin:0 14%">
      目的地
    </h1>
    
  </header>
  <div style="height: 4rem; width: 100%;"></div>
  <div class="hunt">
    <ul class="hunt-left">
      <!--<li><a href="#">港澳台</a></li>
      <li><a href="#">出境游</a></li>
      <li class="active"><a href="#">国内游</a></li>
      <li><a href="#">邮轮</a></li>
      <li><a href="#">自由行</a></li>-->
    </ul>
    <div class="hunt-right">
      <!--<h2>云南</h2>
      <span>大理</span><span>昆明</span><span>西双版纳</span>
      <span>丽江</span>
      <h2>西北</h2>
      <span>嘉峪关</span><span>敦煌</span><span>张掖</span>
      <span>华山</span><span>开封</span><span>宁夏</span>
      <span>银川</span>
      <h2>云南</h2>
      <span>大理</span><span>昆明</span><span>西双版纳</span>
      <span>丽江</span>
      <h2>西北</h2>
      <span>嘉峪关</span><span>敦煌</span><span>张掖</span>
      <span>华山</span><span>开封</span><span>宁夏</span>
      <span>银川</span>-->
    </div>
    <div class="clear"></div>
  </div>
  <div class="service-list1">
		<div class="s-top"></div>
		<div class="s-center">
			<img src="assets/images/ren.png">
			<p>
				<span class="vlog_name">旅游专家</span><br>
				<span class="vlog_phone">1对1服务至心</span>
			</p>
			<button class="btn-left">选择专家</button>
			<button class="btn-right">暂不选择</button>
		</div>
	</div>
	<div class="service-list">
		<p class="s-top"></p>
		<div class="s-center">
			<img src="assets/images/head.png">
			<div class="s-right">
				<span style="font-size: 1.4rem">我的旅游专家：马钧</span>
				<span>营业部：福华营业部</span>
				<span>电话：13752567748</span>
			</div>
			<div class="clear"></div>
			<div class="bottom_btn_box" style="overflow: auto;width:100%;text-align: center;">
				<button class="btn1">切换专家</button>
				<button class="btn2">在线咨询</button>
				<button class="btn3">拨号</button>
			</div>
		</div>
	</div>
  <div style="width: 100%; height:4.5rem;"></div>
  <div class="footer">
    <ul>
      <li><a href="index.html"><img src="assets/images/footer11.png"><br>首页</a></li>
      <li><a href="classify.html"><img src="assets/images/footer22.png"><br>分类</a></li>
      <li class="service" id="service"><a href="#"><img src="assets/images/footer5.png"></a></li>
      <li><a href="hunt.html" class="active"><img src="assets/images/footer3.png"><br>目的地</a></li>
      <li><a href="heart.html"><img src="assets/images/footer44.png"><br>我的</a></li>
    </ul>
  </div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/allUse.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script>
  
   $(".hunt-right span ").click(function(){
            $(".hunt-right span").removeClass("active");
            $(this).addClass("active");
   });
   if(token){//用户已登录
		if(sessionStorage.getItem("my_volg")==="un"){//不存在旅游专家
			live2();
		}else{
			live1();
		};
	}else{
		$("#service").click(function(){
			window.location.href="login.html";
		});
	};    
</script>
		<script type="text/javascript">
		if(JSON.parse(window.sessionStorage.getItem("major_classfiy"))){
				var data=JSON.parse(window.sessionStorage.getItem("major_classfiy"));
				for(var i=0;i<data.data.length;i++){
					$(".hunt-left").append('<li main_type_id='
					+data.data[i].id+'><a href="#">'
					+data.data[i].type_name+'</a></li>')
				};
				var id=$(".hunt-left li").eq(0).attr("main_type_id");
				$(".hunt-left li[main_type_id="+id+"]").addClass("active");
				var main_type_id;
				showRight(id,main_type_id);
			}else{
				$.ajax({
					type: "get",
					url: url_enter+"/api/get_travel_main_type",
					headers:headers,
					data: {},
					success: function(data, status, xhr) {
						for(var i=0;i<data.data.length;i++){
							$(".hunt-left").append('<li main_type_id='
							+data.data[i].id+'><a href="#">'
							+data.data[i].type_name+'</a></li>')
						};
							var id=$(".hunt-left li").eq(0).attr("main_type_id");
							$(".hunt-left li[main_type_id="+id+"]").addClass("active");
							var main_type_id=$(".hunt-left li").eq(0).attr("main_type_id");
							showRight(id,main_type_id);
					}
				
				
				})
			}
			function showRight(id,main_type_id){//渲染右边列表
				 $(".hunt-right").html("");
				$.ajax({
        	type:"get",
        	url:url_enter+"/api/get_destination_list",
        	header:headers,
        	data:{
        		"main_type_id":id
        	},
        	success:function(data){
        		if(data.data){//渲染右边列表
        			for(var i=0;i<data.data.length;i++){
        				$(".hunt-right").append('<h2>'
        				+data.data[i].sec_type_name+'</h2>');
        				//console.log(data.data[i].sec_type_name)
        				if(data.data[i].third_type){
        				for(var j=0;j<data.data[i].third_type.length;j++){
        					//console.log(data.data[i].third_type[j].third_type_name);
        					$('.hunt-right h2').eq(i).after('<a href="list.html?third_type_id='
        					+data.data[i].third_type[j].third_type_id+'&main_type='+id+'&name='+data.data[i].third_type[j].third_type_name+'"><span>'
        					+data.data[i].third_type[j].third_type_name+'</span></a>')
        				}
        				}else{
        					continue;
        				}
        			}
        			
        		}
        	},
        	error:function(xhr, status, thrown){
        		console.log(xhr);
        	},
        	complete:function(){
        		ClickRight(main_type_id);
        	}
        })
			}
			function ClickRight(main_type_id){
					$(".hunt-left li").click(function(){//右边相应的地址展示
				 		var id1=$(this).attr("main_type_id")
				    $(".hunt-left li").removeClass("active");
				     $(this).addClass("active");
				    if(main_type_id==$(this).attr("main_type_id")){
				    	return;
				    };
				    main_type_id=$(this).attr("main_type_id"); 
				    
				    $(".hunt-right").html("");
				    
				    $.ajax({
				    	type:"get",
				    	url:url_enter+"/api/get_destination_list",
				    	header:headers,
				    	data:{
				    		"main_type_id":main_type_id
				    	},
				    	success:function(data){
				    		console.log()
				    		console.log(data)
				    		if(data.data){//渲染右边列表
				    			for(var i=0;i<data.data.length;i++){
				    				$(".hunt-right").append('<h2>'+data.data[i].sec_type_name+'</h2>');
				    				//console.log(data.data[i].sec_type_name)
				    				if(data.data[i].third_type){
				    					for(var j=0;j<data.data[i].third_type.length;j++){
				    					//console.log(data.data[i].third_type[j].third_type_name);
				    					$('.hunt-right h2').eq(i).after('<a href="list.html?third_type_id='
													+data.data[i].third_type[j].third_type_id+'&main_type='+main_type_id+'&name='+data.data[i].third_type[j].third_type_name+'"><span>'
													+data.data[i].third_type[j].third_type_name+'</span></a>')
				    				}
				    				}else{
				    					continue;
				    				}
				    				
				    			}
				    		}
				    	},
				    	error:function(xhr, status, thrown){
				    		console.log(xhr);
				    	}
				    })
				   
				})
			}
		
		
		
		
		
		
		
		
		
		
		
		
//		//	4.1大分类列表
//				$.ajax({
//					type: "get",
//					url: url_enter+"/api/get_travel_main_type",
//					headers:headers,
//					data: {},
//					success: function(data, status, xhr) {
//						for(var i=0;i<data.data.length;i++){
//							$(".hunt-left").append('<li main_type_id='
//							+data.data[i].id+'><a href="#">'
//							+data.data[i].type_name+'</a></li>')
//						};
//							var id=$(".hunt-left li").eq(0).attr("main_type_id");;
//					var main_type_id;
////				进入页面渲染右面默认列表
//					$.ajax({
//	        	type:"get",
//	        	url:url_enter+"/api/get_destination_list",
//	        	header:headers,
//	        	data:{
//	        		"main_type_id":id
//	        	},
//	        	success:function(data){
//	        		console.log(data)
//	        		if(data.data){//渲染右边列表
//	        			for(var i=0;i<data.data.length;i++){
//	        				$(".hunt-right").append('<h2>'
//	        				+data.data[i].sec_type_name+'</h2>');
//	        				//console.log(data.data[i].sec_type_name)
//	        				if(data.data[i].third_type){
//	        				for(var j=0;j<data.data[i].third_type.length;j++){
//	        					//console.log(data.data[i].third_type[j].third_type_name);
//	        					$('.hunt-right h2').eq(i).after('<a href="list.html?third_type_id='
//	        					+data.data[i].third_type[j].third_type_id+'&main_type='+id+'"><span>'
//	        					+data.data[i].third_type[j].third_type_name+'</span></a>')
//	        				}
//	        				}else{
//	        					continue;
//	        				}
//	        			}
//	        		}
//	        	},
//	        	error:function(xhr, status, thrown){
//	        		console.log(xhr);
//	        	}
//	        })
//					//以上渲染右面默认列表
//							if(id){
//								$(".hunt-left li[main_type_id="+id+"]").addClass("active");
//							}
//							var main_type;
//							 $(".hunt-left li ").click(function(){//右边相应的地址展示
//							 		var id1=$(this).attr("main_type_id")
//			            $(".hunt-left li").removeClass("active");
//			             $(this).addClass("active");
//			            if(main_type==$(this).attr("main_type_id")){
//			            	return;
//			            };
//			            main_type=$(this).attr("main_type_id"); 
//			            $(".hunt-right").html("")
//			            $.ajax({
//			            	type:"get",
//			            	url:url_enter+"/api/get_destination_list",
//			            	header:headers,
//			            	data:{
//			            		"main_type_id":main_type
//			            	},
//			            	success:function(data){
//			            		console.log()
//			            		console.log(data)
//			            		if(data.data){//渲染右边列表
//			            			for(var i=0;i<data.data.length;i++){
//			            				$(".hunt-right").append('<h2>'+data.data[i].sec_type_name+'</h2>');
//			            				//console.log(data.data[i].sec_type_name)
//			            				if(data.data[i].third_type){
//			            					for(var j=0;j<data.data[i].third_type.length;j++){
//			            					//console.log(data.data[i].third_type[j].third_type_name);
//			            					$('.hunt-right h2').eq(i).after('<a href="list.html?third_type_id='
//      												+data.data[i].third_type[j].third_type_id+'&main_type='+main_type+'"><span>'
//      												+data.data[i].third_type[j].third_type_name+'</span></a>')
//			            				}
//			            				}else{
//			            					continue;
//			            				}
//			            				
//			            			}
//			            		}
//			            	},
//			            	error:function(xhr, status, thrown){
//			            		console.log(xhr);
//			            	}
//			            })
//			           
//			        })
//						
//					},
//					error: function(xhr, status, thrown) {
//						console.log(xhr);
//					}
//				});
			
			
		
//			$(function() {
//				
//				//			4.2子分类列表
//				$.ajax({
//					type: "get",
//					url: "http://119.23.70.141/api/get_destination_list",
//					headers: {
//						"User-Token": "abc",
//						"Os": localStorage.ios_Andriod,
//						"Device-Id": "pc",
//						"Screen": localStorage.wh,
//						"Content-Type": "application/x-www-form-urlencoded"
//					},
//					data: {'main_type_id':2},
//					success: function(data, status, xhr) {
//						console.log(data);
//					},
//					error: function(xhr, status, thrown) {
//						console.log(xhr);
//					}
//				});
//			});
//				$("li").click(function(){
//				alert()
//			})
		</script>
</body>
</html>